<!--
 * @Description: 排行帮
 * @Author: Boide
 * @Date: 2022-02-18 11:10:44
 * @LastEditors: guiyi@hongyi.tech
 * @LastEditTime: 2022-02-21 13:24:43
-->
<template>
  <el-tabs type="border-card" @tab-click="tabCut">
    <el-tab-pane label="视频资源">
      <videocon v-if="type==='视频资源'" />
    </el-tab-pane>
    <el-tab-pane label="文档资源">
      <file v-if="type==='文档资源'" />
    </el-tab-pane>
    <el-tab-pane label="优秀案例">
      <casecon v-if="type==='优秀案例'" />
    </el-tab-pane>
  </el-tabs>
</template>

<script>

import file from './subpage/file.vue'
import videocon  from './subpage/video.vue'
import casecon from "./subpage/case.vue"

export default {
  name: "learn",
  components: {
    videocon,
    file,
    casecon
  },
  data () {
    return {
      type: '视频资源'
    }
  },
  mounted () {
  },
  methods: {
    tabCut(e) {
      this.type = e.label
    }
  },
}
</script>

<style scoped>
</style>
